<template>
	<div id="biankuang">
	<el-container style="height: 100%;">
	  <el-aside width="200px" >
	    <h2>商户管理</h2>
	    <el-menu
		:router="true"
	      default-active="2"
	      class="el-menu-vertical-demo"
	      @open="handleOpen"
	      @close="handleClose"
		  style="border-right: none;"
		  unique-opened="true"
		  collapse-transition="false"
		  >
	      <el-submenu index="1">
	        <template slot="title">
	          <i class="el-icon-s-shop"></i>
	          <span>订单管理</span>
	        </template>
	        <el-menu-item-group>
	          <el-menu-item index="/Merchant">全部订单</el-menu-item>
	          <el-menu-item index="/ShoHuoDindan">待收货订单</el-menu-item>
			  <el-menu-item index="/Receivingorder">已收货订单</el-menu-item>
			  <el-menu-item index="/deliveryorder">已提货订单</el-menu-item> 
			  <el-menu-item index="/Returnorder">退货订单</el-menu-item>
	        </el-menu-item-group>

	        </el-submenu>


			<el-submenu index="2">
	        <template slot="title">
	          <i class="el-icon-s-order"></i>
	          <span>资料管理</span>
	        </template>
	        <el-menu-item-group>
	          <el-menu-item index="/Weihu">资料维护</el-menu-item>
	        </el-menu-item-group>
	        </el-submenu>

			<el-submenu index="3">
			<template slot="title">
			  <i class="el-icon-pie-chart"></i>
			  <span>统计</span>
			</template>
			<el-menu-item-group>
			  <el-menu-item index="Statistic">统计营收</el-menu-item>
			</el-menu-item-group>
			</el-submenu>
	    </el-menu>
	</el-aside>
	  <el-main><router-view></router-view></el-main>
	</el-container>
	
	</div>
</template>

<script>
	 export default {

	    methods: {
	      handleOpen(key, keyPath) {
	        console.log(key, keyPath);
	      },
	      handleClose(key, keyPath) {
	        console.log(key, keyPath);
	      }
	    }
	  }
</script>

<style>

</style>